<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="libs/layui/css/layui.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/dataforms.css">
  <title>报表</title>
</head>
<body>
<!--头部导航-->
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="mynav">
      <div class="navbar-header">
        <a href="/">
          <img src="imgs/logo.png" alt="jyt">
        </a>
      </div>
      <ul class="nav navbar-nav">
        <li><a href="index.html">实时</a></li>
        <li><a href="dataforms.html">报表</a></li>
        <li><a href="chartforms.html">图表</a></li>
        <li><a href="integrate.html">综合</a></li>
        <li><a href="settings.html">设置</a></li>
      </ul>
    </div>
  </div>
</nav>

<!--条件筛选-->
<section class="filters">
    <fieldset>
      <legend>条件筛选</legend>
      <!--选报表-->
      <div class="col-md-5 col-lg-5 box1">
        <form class="col-sm-3 col-md-3 col-lg-3 typepick">
          <label><input name="optionsRadios" type="radio" value="1">白班</label>
          <label><input name="optionsRadios" type="radio" value="2">夜班</label>
          <label><input name="optionsRadios" type="radio" value="3">日报</label>
          <label><input name="optionsRadios" type="radio" value="4">月报</label>
        </form>
        <div class="col-sm-9 col-md-9 col-lg-9 timepick">
          <div>开始时间<input id="starttime" type="text" placeholder="请选择"  readonly></div>
          <div>结束时间<input id="endtime" ttype="text" placeholder="请选择"  readonly></div>
        </div>
      </div>
      <!--选水表-->
      <div class="col-md-5 col-lg-5 box2">
        <div class="">
          <p class="clearfix">
            <label id="label-all" class="">
              <input type="checkbox" id="area-all" value="0"><span>全选</span>
            </label>
          </p>
          <ul class="area-eq clearfix">
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
            <li class="fl"><label class="checkbox-inline fl"><input type="checkbox" name="inlineCheckBoxOptions" value=""><span>水表名称</span></label></li>
          </ul>
        </div>
      </div>
      <!--操作-->
      <div class="box3">
        <button class="btn btn-primary refreshBtn">刷新</button>
        <button class="btn btn-primary printBtn">打印</button>
      </div>
    </fieldset>
</section>
<!--表格-->
<section class="excel">
  <div class="excelwrap">
    <h3 class="title">xxxx年xx月xx日报表</h3>
    <table id="reports"></table>
  </div>
</section>

<!--表格工具栏 选列/导出/打印-->
<script type="text/html" id="toolbarDemo"></script>


<script src="libs/jquery.min.js"></script>
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
<script src="libs/layui/layui.js"></script>
<script src="js/tool.js"></script>
<script src="js/dataforms.js"></script>
</body>
</html>